<template>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <slot></slot>
      <!-- <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
      <div class="swiper-slide">Slide 4</div>
      <div class="swiper-slide">Slide 5</div>
      <div class="swiper-slide">Slide 6</div>
      <div class="swiper-slide">Slide 7</div>
      <div class="swiper-slide">Slide 8</div>
      <div class="swiper-slide">Slide 9</div>
      <div class="swiper-slide">Slide 10</div> -->
    </div>
  </div>
</template>



<script>
// 1 引入swiperjs文件
import Swiper from "swiper";

// 2 引入swipercss文件
//    import 'swiper/swiper.scss';
  import "swiper/swiper-bundle.min.css";

export default {
  props: [],
  components: {},
  data() {
    return {};
  },

  methods: {},

  computed: {},

  watch: {},

  filters: {},

  beforeCreate() {},

  created() {},

  beforeMount() {},

  mounted() {
    this.$nextTick(() => {
      var swiper = new Swiper(".swiper-container", {
        
         slidesPerView:4
       
      });
    });
  },

  beforeUpdate() {},

  updated() {},

  beforeDestroy() {},

  destroyed() {},
};
</script>


<style  >
</style>
